<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>京城男人帮---用户中心</title>
	<link rel="stylesheet" type="text/css" href="__PUBLIC__/home/css/head.css" />
	<link rel="stylesheet" type="text/css" href="__PUBLIC__/home/css/footer.css" />
	<link rel="stylesheet" type="text/css" href="__PUBLIC__/home/css/suercenter.css" />
	<link rel="stylesheet" type="text/css" href="__PUBLIC__/home/css/index.css"/>
	<script type="text/javascript">
        function over(){
            var div = document.getElementById('alltype');//获取大div对象
            var text = document.getElementById('indextype');//获取文字div对象
            text.style.display="block";
        }//鼠标进入显示文字
        function out(){
            var div = document.getElementById('alltype');
            var text = document.getElementById('indextype');
            text.style.display="none";
        }//鼠标退出不显示文字
    </script>
    <style type="text/css" media="screen">
        #indextype{
            position: relative;
            float: left;
            top: 0;
            left: 50%;
            margin-left: -600px;
            width: 215px;
            height: 380px;
            background-color: #C81623;
            z-index: 4;
        }
    </style>
</head>
<body>
	<!--顶部公用-->
	{include file="public/top"}
    <!--头部end-->
	<!-- 菜单 -->
    {include file="public/all_type"}
    <!-- 菜单 -->
	<div class="w1000 ClearFix margin_top20">
		<!--左侧end-->
        {include file="public/ur_left"}
		<!--左侧end-->
		
		<div class="ur_right">
			<!--uer_top-->
			<div class="ur_location">
				<a href="">我的快乐购</a>
				<span>&gt;</span>
				<a class="a_cur">我的订单</a>
			</div>
			<!--uer_top-->
			<div class="ur_r_list">
				<div class="ur_list_tab">
					<ul class="ur_tab_ul">
						<li class="on ">
							<a href="">全部订单</a>
						</li>
						<li>
							<a href="">待付款</a>
						</li>
						<li>
							<a href="">待发货</a>
						</li>
						<li>
							<a href="">待评价</a>
						</li>
					</ul>
					<div class="more_rk">
						<a href="" class="more_order">查看历史订单</a>
						<a href="" class="more_qqg_order">查看全球购订单&gt;&gt;</a>
					</div>
				</div>
				<table class="order_table">
					<thead class="thead">
						<tr>
							<td class="padding_40">
								<div class="select_div">
									<div class="select_h2">
										<span>近三月的订单</span>
										<b></b>
									</div>
									<div class="select_list">
										<ul>
											<li data-name="近三月的订单" class="cur">
												<a href=""><b></b>近三月的订单</a>
											</li>
											<li data-name="近半年的订单" class="">
												<a href=""><b></b>半年的订单</a>
											</li>
											<li data-name="最近一年的订单" class="">
												<a href=""><b></b>最近一年的订单</a>
											</li>
										</ul>
									</div>
								</div>
							</td>
							<td>订单金额</td>
							<td>交易状态</td>
							<td>交易操作</td>
						</tr>
					</thead>
					<tbody>
						<!--单号 时间-->
						<tr class="tr_top">
							<td colspan="6">
								<span class="number">订单号：<a target="_blank" href="">340517399129797757</a></span>
								<span class="dealtime" title="下单时间">下单时间：2016-05-24 09:58:49</span>
							</td>
						</tr>
						<!--单号 时间-->
						<!--订单商品-->
						<tr class="tr_bd">
							<td class="goods-item">
								<div class="p-img">
									<a href="" target="_blank">
										<img class="" src="__PUBLIC__/home/image/true_1.jpg" title="" height="60" width="60">
									</a>
								</div>
								<div class="p-msg">
									<div class="p-name">
										<a href="" class="a-link" target="_blank" title="">娜露可 迷迭香防晒3支装</a>
									</div>
								</div>
							</td>
							<td>
								<div class="goods_price">￥199.00</div>
							</td>
							<td>
								<div class="goods-number">x1</div>
							</td>
							<td rowspan="1">
								<div class="amount"><span>￥199.00</span><br>（免运费）<br>在线支付</div>
							</td>
							<td rowspan="1">
								<div class="status">
									<span class="order-status"><span style="color:#999">已取消</span></span><br>
									<a href="" target="_blank">订单详情</a>
								</div>
							</td>
							<td rowspan="1">
								<div class="operate">
									<p><a href="javascript:void(0);" class="btn-del"><i class="icon-trash"></i>删除</a></p>
								</div>
							</td>
						</tr>
						<!--订单商品-->
					</tbody>
				</table>
			</div>
			<!--page-->
			<!--分页-->
			<div class="page_list margin_top20">
				<div class="page_r">
					<ul>
						<li class="pre a_btn un">
							<span><b><</b>上一页</span>
						</li>
						<li class="a_p_num">
							<span>1</span>
						</li>
						<li>
							<a href=""><span>2</span></a>
						</li>
						<li class="next a_btn">
							<a href=""><span>下一页<b>></b></span></a>
						</li>
					</ul>
				</div>
			</div>
			<!--分页end-->
			<!--pageend-->
		</div>
	</div>

    <!--底部公用-->
    {include file="public/footer"}
    <!--底部end-->
</body>
</html>